// 引入当前页面的less文件 
require("../less/index.less")

document.ready(function () {

    //创建底部导航栏
    window.$util.showFooterNav("index");

    //轮播开始
    var mySwiper = new Swiper('.swiper', {
        // direction: 'vertical', // 垂直切换选项
        loop: true, // 循环模式选项
        autoplay: {
            delay: 3000,
            stopOnLastSlide: false,
            disableOnInteraction: false,
        },
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
        },
    })

    //显示当前用户信息
    //   获取元素 
    const rankNum = document.querySelector("#rankNum")//排名
    const clockDay = document.querySelector("#clockDay")//累积打卡天数
    const clockBtn = document.querySelector("#clockBtn")//今日打卡
    const badgeNum = document.querySelector("#badgeNum")//徽章
    //获取本地存储中的用户信息
    let strUser = window.sessionStorage.getItem("user")
    let userObj = JSON.parse(strUser);

    console.log(userObj);
    //设置请求头部的token
    axios.defaults.headers.authorization = `Bearer ${userObj.token}`;
    //发送请求获取当前用户数据
    axios.get(window.$util.BASE_URL + "/api/user/info")
        .then((res) => {
            let result = res.data;
            console.log(result);
            if (result.errno === 0) {//获取成功
                //排名
                rankNum.textContent = result.data.ranking;
                //累积打卡天数  此处一定要使用[]来取属性                  
                clockDay.textContent = result.data["member.clockCount"];
                //徽章
                badgeNum.textContent = result.data.badges
            } else if (result.errno === 10003) {//未登录
                window.$util.toast("zp-close", "请先登录");
                window.setTimeout(() => {
                    window.location.href = "./login.html"
                }, 3001)
            }
        })
        .catch((err) => {
            console.log(err);
        })

    //打卡
    let clockflag = true;
    clockBtn.addEventListener("click", function () {
        // alert(1)
        if (clockflag) {
            alert("打卡去了")
            //发请求，打卡
            axios.post(window.$util.BASE_URL + "/api/user/clockIn")
                .then((res) => {
                    let result = res.data;
                    if (result.errno === -1) { //已经打卡
                        //  提示已经打卡
                        window.$util.toast("zp-close", "今日已打卡");

                        clockBtn.textContent = "今日已打卡"
                        clockflag = false;//已经打卡了


                    } else if (result.errno === 0) {//打卡成功,发请求，获取打卡信息
                        clockBtn.textContent = "已打卡"
                        window.$util.toast("zp-close", "打卡成功");
                        //发起请求 获取用户的打卡信息
                        axios.get(window.$util.BASE_URL + "/api/user/clockInInfo")
                            .then((res) => {
                                let result = res.data;
                                // console.log("打卡信息", result);
                                if (result.errno === 0) {
                                    // 更新打卡数据
                                    console.log("打卡天数", result.data.clockCount);
                                    clockDay.textContent = result.data.clockCount
                                }
                            })
                            .catch((err) => {
                                console.log(err);
                            })

                    }
                })
                .catch((err) => {
                    console.log(err);
                })
        } else {
            //  alert("不发请求了，已经打过卡了")
            window.$util.toast("zp-close", "今日已打卡");

        }
    })

})


